@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666666;
	margin:0px;
	padding:0px; background-color:#fff;
	overflow-x: hidden;
	box-sizing: border-box;
	
	}
*{font-family:"微软雅黑";}
li{list-style:none}
ul{padding-left:0;margin:0 0}
a{color:#666;text-decoration:none;}
.center{max-width:1200px;margin:0 auto}
h2,h3,h4,h5,p{margin:0 0;padding:0 0;font-weight:500;}
h1{font-size:2rem;}
.ctrl span{ float:left; cursor:pointer;}
input,textarea,select{outline:none;font-family:"微软雅黑";}
img{border:none}
.cursor_pointer{
	cursor:pointer;
}
button{
	cursor:pointer;
}
.float_l{ float:left;}
.float_r{ float:right;}
.clear{clear:both}
.position_r{position: relative;}
.position_a{position: absolute;}
@media screen and (min-width:320px) {html {font-size:90%;}}
@media screen and (min-width:400px) {html {font-size:90%}}
@media screen and (min-width:480px) {html {font-size:97.5%}}
@media screen and (min-width:560px) {html {font-size:100%}}
@media screen and (min-width:600px) {html{font-size:112.5%}}
@media screen and (min-width:640px) {html {font-size:100%}}

.index_case .list{ width:72%; float: right; margin-top:2rem;}
.list ul li{ width:30.3%; margin:0 1.5% 3% 1.5%; float:left;position: relative;transition: 0.6s;}
.list ul li .list_border{  background: #fff; transition:0.3s; }
.list ul li .list_img{ width:100%; height:0; padding-top:70%; position:relative; overflow:hidden; margin:auto;  transition: 0.3s;}
.list ul li .list_img img{ position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
-ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.list ul li .list_img:hover{ transform:translate(0,-6px);}

.list ul li .list_text{ padding:2% 0; line-height:2.6rem; text-align: center; }
.list ul li .list_text p{ width:100%; background: linear-gradient(to right, #0c77e4 0%,#00a3ca 100%); line-height:2.6rem;     color:#fff;text-align: center;
    display: block; margin: auto; border-radius: 20px; margin-top: -10px;    position: absolute;  display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}


.banner_bottom{ overflow: hidden; margin:2rem 0;}
.banner_bottom .left{ width:60%; float: left; }
.banner_bottom .left p{ font-size:1.6rem; font-weight: 600; color:#444;}
.banner_bottom .left .xian{ width:60%; height:1px; border-bottom:1px dashed #ccc; display: block; margin:0.6rem 0;}
.banner_bottom .left span{ display: block; font-weight: 0.9rem;  color:#666;}
.banner_bottom .right{ width:14%; float: right; height:2.8rem; border:1px solid #ccc; margin-top:1rem;}
.banner_bottom .right p{ font-size: 1rem; color:#666; line-height: 2.8rem; text-align: center;}
.banner_bottom .right:hover{ background: #1f72e6; }
.banner_bottom .right:hover p{ color:#fff;}


.index_xiangmu{  background: url("xiangmu.jpg"/*tpa=xiangmu.jpg*/) center no-repeat; height:720px; padding-top:80px;}
.index_xiangmu .text{ overflow: hidden;}
.index_xiangmu .text ul{ overflow: hidden;}
.index_xiangmu .text ul li{ width:23%; float: left; margin:1%;}
.index_xiangmu .text ul li .tupian{ width:100%; height:0; padding-top:73%; position:relative; overflow:hidden; margin:auto;}
.index_xiangmu .text ul li .tupian img{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
-ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.index_xiangmu .text ul li p{ font-size: 1rem; color:#666; width:100%; text-align: center; line-height: 2.6rem;}


.xiangmu{ margin-bottom:3rem; }
.xiangmu .text{ overflow: hidden; margin:2rem 0;}
.xiangmu .text ul{ overflow: hidden;}
.xiangmu .text ul li{ width:23%; float: left; margin:1%;}
.xiangmu .text ul li .tupian{ width:100%; height:0; padding-top:73%; position:relative; overflow:hidden; margin:auto;}
.xiangmu .text ul li .tupian img{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
-ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.xiangmu .text ul li p{ font-size: 1rem; color:#666; width:100%; text-align: center; line-height: 2.6rem;}

.index_youshi{  overflow: hidden; margin-top:4rem;}
.index_youshi ul{ }
.index_youshi ul li{ width:42%; float: left; box-shadow: 0px 0px 10px 0px #ccc; background: #fff; padding:3%; overflow: hidden; margin:1%; border-bottom:3px solid #1f72e6;}
.index_youshi ul li div{ width:11.6%; float: left; margin-right:1rem;}
.index_youshi ul li div img{ width:100%;}
.index_youshi ul li p{ font-size: 1.4rem; color:#444; font-weight: 600; }
.index_youshi ul li span{ font-size: 0.9rem; color:#666;  display: block; margin-top:0.9rem; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.index_about{ background: url("about.jpg"/*tpa=about.jpg*/) center no-repeat; height:660px; margin-top:4rem; padding-top:70px;}
.index_about .title p{ color:#fff;}
.index_about .title span{ color:#fff;}
.index_about .box{ overflow: hidden;}
.index_about .left{ width:45%; float: left;}
.index_about .left ul{  overflow: hidden; border:1px solid #939496;}
.index_about .left ul li{ width:39.9%; float: left; padding:7.2% 5%; }
.index_about .left ul li:nth-child(2){ border-bottom:1px solid #939496;}
.index_about .left ul li:nth-child(1){ border-bottom:1px solid #939496;border-right:1px solid #939496;}
.index_about .left ul li:nth-child(3){ border-right:1px solid #939496;}
.index_about .left ul li .top{ width:100%; overflow:hidden;}
.index_about .left ul li .top img{ float: left; margin-right:1rem; margin-top:0.2rem;}
.index_about .left ul li .top p { font-size: 2.1rem; color:#fff; float: left; font-weight: 600;}
.index_about .left ul li .xian{ width:40px; height:1px;  background: #fff; margin:1rem 0;}
.index_about .left ul li span{ display: block; font-size: 0.87rem; color:#fff; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.index_about .right{ width:46%; float: right;  padding:3%;}
.index_about .right p{ font-size:0.9rem; line-height: 2rem; color:#fff;}
.index_about .bottom{ width:55%; margin:4rem auto 0 auto; overflow: hidden;}
.index_about .bottom .more{width:60%; float: left; background: #1f72e6; border-radius: 30px; margin-right:1rem; }
.index_about .bottom .more p{ font-size: 1rem; text-align: center; line-height: 3.4rem; color:#fff;}
.index_about .bottom .more p i{ font-weight: 600; font-size: 1.5rem;}
.index_about .bottom .more1{width:30%; float: left; background: #fff; border-radius: 30px; }
.index_about .bottom .more1 p{ font-size: 1rem; text-align: center; line-height: 3.4rem; color:#444;}
.index_about .bottom .more1:hover{ background: #1f72e6;}
.index_about .bottom .more1:hover p{ color:#fff;}


.index_news{ margin:5rem 0;}
.index_news .left{ width:45%; float: left;}
.index_news .left .top{ width:100%;}
.index_news .left .top .tupian{ overflow: hidden; width:100%; height:0; padding-top:43%; position:relative; overflow:hidden; margin:auto;}
.index_news .left .top .tupian img{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); 
-ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.index_news .left .top p{ font-size: 1.2rem; margin-top:1rem;}
.index_news .left .top span{ font-size: 0.9rem; margin-top:1rem; display: block; color:#666; line-height: 1.8rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;	}
.index_news .left .top .xian{ width:100%; height:1px; background: #ccc; margin-top:1rem; display: block;}
.index_news .left ul{  overflow: hidden; margin-top:1rem;}
.index_news .left ul li{ width:100%; padding-bottom:1rem; border-bottom:1px dashed #ccc;  overflow: hidden; margin-top:0.9rem;}
.index_news .left ul li p{ font-size: 1rem; color:#444; float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;	}
.index_news .left ul li span{ display: block; font-size: 0.9rem; color:#666;  float: right;} 
.index_news .right{ width:52%; float: right;}
.index_news .right div{ overflow: hidden; padding-bottom:2.2rem; border-bottom:1px dashed #ccc; margin-bottom:2.2rem;}

.index_news .right div p{ font-size: 1.3rem; color:#444; 
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;	}
.index_news .right div span{ font-size: 0.9rem; color:#666; display: block; margin-top:1rem; line-height: 1.8rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;	}
.index_news .right div p:hover{ color:#1f72e6;}
.index_news .left .top p:hover{ color:#1f72e6;}

.about{ margin-top:3rem;}
.about .text{ overflow: hidden; margin-top:3rem;}
.about .text p{ font-size: 0.9rem; color:#666; line-height: 2rem; }
.about .text p img{ max-width: 100%; display: block; margin:2rem auto;}

.news .top{ overflow: hidden; margin-top:3rem;}
.news .top .left{  width:44%; float: left; height:0; padding-top:32%; position:relative; overflow:hidden;}
.news .top .left img{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
-o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  }
.news .top .right{ width:100%; float: right;}
.news .top .right ul{ overflow: hidden;}
.news .top .right ul li{ width:100%; overflow: hidden; padding-bottom:1.6rem; margin-bottom:1rem;border-bottom:1px solid #ebebeb;}
.news .top .right ul li .shijian{ width:10%; float: left; margin-top:1rem;}
.news .top .right ul li .shijian p{ font-size: 2rem; font-weight: 600; text-align: center;color:#444;}
.news .top .right ul li .shijian span{ font-size: 1rem; text-align: center;color:#999; display: block;}
.news .top .right ul li .wenzi{ width:87%; float: right;}
.news .top .right ul li .wenzi p{ font-size: 1.2rem; color:#444; font-weight: 600; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.news .top .right ul li .wenzi span{ font-size: 0.9rem; color:#999;  margin-top: 1rem;line-height: 1.6rem;display: block; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;	}


.news .bottom{ background: #f5f5f5; padding:4rem 0; margin-top:4rem;}
.news .bottom ul{ overflow: hidden;}
.news .bottom ul li{ width:27.1%; float: left; background: #fff; padding:3% 2%; border:1px solid #e5e5e5; margin:1%;}
.news .bottom ul li p{ font-size: 1.4rem; color:#444; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .bottom ul li div{ width:100%; margin:1rem 0; height:0; padding-top:60%; position:relative; overflow:hidden;}
.news .bottom ul li div img{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); 
-o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.news .bottom ul li span{ display: block; font-size: 0.9rem; color:#999;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news .text{ margin-top:4rem;}
.news .text .top{ width:100%; padding-bottom:1rem; border-bottom:1px solid #ccc; overflow: hidden; margin-bottom:2rem;}
.news .text .top h1{ font-size: 2rem; font-weight: 600; text-align: center; color:#444;}
.news .text .top span{ display: block; font-size: 1rem; text-align: center; margin-top:0.4rem; color:#999;}
.news .text p{ font-size:0.9rem; color:#666; line-height: 2rem;}


.news_l{ margin-top:4rem;}
.news_l .text { overflow: hidden; margin:3rem auto;}
.news_l .text .top{ overflow: hidden; padding-bottom:1rem; border-bottom:1px solid #ccc; margin-bottom:2rem;}
.news_l .text .top h1{ font-size: 1.8rem; color:#444; font-weight: 600; text-align: center;}
.news_l .text .top span{ display: block; font-size: 0.9rem; text-align: center; margin-top:0.8rem; color:#999;}
.news_l .text p{ font-size: 0.9rem; color:#666; line-height: 1.8rem; }

.contact{ margin:5rem 0;}
.contact .box{ width:80%; display: block; margin:auto;}
.contact .left1{ width:40%; float: left; margin-top:3rem;}
.contact .left1 p{ font-size: 1.6rem; font-weight: 600; color:#444;}
.contact .left1 .xian{ width:60px; height:4px; margin:3rem 0; background: #1f72e6; display: block;}
.contact .left1 span{ display: block; font-size: 1rem; color:#666;  overflow: hidden; margin-top:0.4rem; }
.contact .left1 span img{ float: left; margin-right:1rem;}
.contact .right1{ width:30%; float: right; margin-top:3rem;}
.contact .right1 p{ font-size: 1rem; text-align: center; color:#666; }
.contact .right1 div{ width:48%; display: block; margin:1rem auto;}
.contact .right1 div img{ width:100%;}






.paginationa{overflow: hidden; padding:4% 0; width:100%;}
.paginationa .ul01 li{ float:left; border:solid 1px #ccc;margin-left:1%;text-align: center; line-height: 2rem; padding:0 1%;}
.paginationa .ul01{ max-width:1200px; margin:auto;}
.paginationa .ul01 li a:hover{ color:#ffc001;}
.paginationa .ul01 li a{ color:#222;}
.paginationa span{ display:block; float: left; line-height: 2rem;}

.foot{ background:#444; overflow: hidden; padding:30px 0 30px 0;  }
.foot .logo1{ width:30%; float: left; margin-top:4rem;}
.foot .logo1 div{ width:100%;}
.foot .logo1 div img{ width:100%;}
.foot .logo1 p{ font-size: 2.0rem; color:#fff; font-weight: 600; margin-bottom:1rem;}
.foot .logo1 i{ width:74%; height:1px; border-top:1px dashed #ccc; margin:0 0 1rem 0; display: block;}
.foot .logo1 span{ display: block; font-size: 1.1rem; color:#fff;}
.foot .logo1 span strong{ font-weight: 600; font-size: 1.4rem;}
.foot .float_r{ width:18%;  margin-top:3rem;  }
.foot .float_r div{ width:60%;  float: left; margin-right:1rem;}
.foot .float_r div img{ width:100%;}
.foot .float_r p{ font-size: 0.87rem; color:#fff; width:0.9rem;float: left; line-height: 0.90rem;}
.foot .float_r .more{ width:50%;line-height: 2.2rem; background: #fff;border-radius: 30px; margin:1rem 0; display: block;  font-size:0.9rem; text-align: center;}
.foot .float_l{ float:left; width:14%; margin-top:3rem; margin-left:11rem;}
.foot .float_l p{ font-size:1.1rem; color:#fff;}
.foot .float_l .xian{ width:40px; height:2px; background: #fff; margin:1rem 0;}
.foot .float_l span{ display:block; font-size:0.9rem; color:#fff; margin-right:1rem; line-height: 2rem; float: left;}

.foot .lianjie{ width:100%; margin-top:2rem; border-bottom:1px dashed #7a7a7a; overflow: hidden; padding-bottom:1rem;}
.foot .lianjie p{ font-size: 1rem; color:#fff; float: left; margin-right:1rem;margin:1%;}
.foot .lianjie a{ font-size: 0.9rem; color:#ccc; float: left; margin:1%;}


/* 首页标题 */

.title{
	width:100%;
	margin:auto;
	margin-bottom:1rem;
	overflow: hidden;padding-bottom:0.9rem;
	}

.title p{ font-size:2rem; color:#444; font-weight: 600; text-align: center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.title span{ display:block; font-size:0.9rem; color:#666; text-align: center; line-height: 2rem; width:80%; margin:auto; display: block; display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.title .xian{ background: url("title.png"/*tpa=title.png*/) center no-repeat; height:4px; margin:1rem auto;}
.title1{ width:100%; padding-bottom:1rem; border-bottom:1px solid #ccc; overflow: hidden; margin-top:3rem;}
.title1 .left{ float: left;}
.title1 .left span{ width:4px; height:26px; background: #ee551f; float: left; margin-right:1rem; margin-top:0.3rem;}
.title1 .left p{ font-size:1.6rem; color:#333; font-weight: 600; float: left;}
.title1 .right{ float: right; margin-top:0.6rem;}
.title1 .right p{ font-size: 0.9rem;  color:#666; float: left;}
.title1 .right span{ display:block; font-size:0.9rem; color: #666; float: left; margin:0 0.4rem;}



.switch{
	height: 99px;
	border-top: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	margin-bottom: 3rem;
	margin-top:4rem;
	width:100%;
	margin:2rem auto;
}
 .switch .margin_left{
	
	margin-top: 18px;
}

.switch .margin_left p{
	font-size: 14px;
	color: #999999;
	width: 330px;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
}
.switch .margin_left:hover a{
	color: #e99200;
}


.fixed{position: fixed;right: 0;top: 50%;}
.fixed ul{}
.fixed ul li{  background:#1f72e6;color:#fff;width: 70px;height: 70px; border-radius: 4px; position: relative;text-align: center; cursor: pointer;  margin-bottom:0.6rem; }
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li i{color: #666;margin-top:0.5rem;}
.fixed ul li:last-child img{padding-top: 40%;}
.fixed ul li .img1{width: 50%;margin:0 auto;padding-top: 10%;}
.fixed ul li .img1 img{width: 100%; margin:auto;}
.fixed ul li p{text-align: center;font-size: 0.8rem;}
.fixed ul li .p1 span{display: block;margin: 0.5rem 0;font-weight: none;color: #fff;font-size: 0.9rem;}
.fixed ul li .p1{font-weight:600;position: absolute;top: 0;right: -200px;width: 150px;color:#fff;background:#1f72e6;text-align: center;height: 70px;font-size: 1rem;transition: all 1s;z-index: -999; border-radius: 6px;}
.fixed ul li:hover .p1{right:70px;}
.fixed ul li a{color: #666;}


.bottom_fixed{ height:50px; position: fixed; bottom:0; width:100%; display:none; z-index: 999999;}
.bottom_fixed div{ overflow:hidden; width:100%; float: left; height:50px;}
.bottom_fixed .dianhua{ background:#02b90b;}
.bottom_fixed .tu{ width:7%;float:left; margin-right:0.6rem; margin-top: 0.8rem; margin-left:34%;}
.bottom_fixed .tu img{ width:100%;}
.bottom_fixed div span{ font-size:1.3rem; margin-top:0.9rem;color:#fff; float: left; }
.index_youshi .float_r .wenzi{ display:none;}

@media screen and (max-width:640px) {

	.banner_bottom .left{ width:92%; float: none; margin:auto;}
	.banner_bottom .right{width:28%; float: left; margin-left:1rem;}
	.index_xiangmu .text ul li{ width:48%;}
	.index_xiangmu{ background: #f5f5f5; padding:40px 0; height:auto;}
	.index_youshi ul li{ width:88%; float: none; margin:1rem auto; padding:5% 3%;}
	.index_about{ background: #444; height:auto; padding:40px 0;}
	.index_about .left{ width:94%; float: none; margin:auto;}
	.index_about .left ul li{ width:39.6%;}
	.index_about .right{width:94%; float: none; margin:auto; }
	.index_about .bottom .more{ display: none;}
	.index_about .bottom{ width:94%; float: none; margin:1rem auto;}
	.index_about .bottom .more1{ width:60%;}
	.index_news .left{ width:92%; float: none; margin:auto;}
	.index_news .right{ width:92%; float: none; margin:2rem auto;}
	.foot .float_l{ width:92%; float: none; margin:auto;}
	.foot .float_r{ display: none;}
	.foot .logo1{ width:92%; float:none; margin:1rem auto; display: block;}
	.about{ width:92%; float: none; margin:auto;}
	.news .top .left{ display: none;}
	.news .top .right{ width:92%; float: none; margin:auto;}
	.news .bottom ul li{ width:43.4%;}
	.contact .left1{ width:90%; display: block; margin:2rem auto;}
	.contact .right1{ display: none;}
	.xiangmu .text ul li{ width:48%;}
	
	
	
	
	
	
	
	
	.lianjie{ width:92%; margin:2rem auto;}
	.foot{ margin-bottom:50px;}
	.news_l{ width:92%; float: none; margin: auto; background: none;}
	.contact{ width:92%; margin:2rem auto; float: none;}
	.contact .wenzi{width:100%; margin-top:3rem;}
	.bottom_fixed{ display:block;}
	.switch .margin_left{ width:100%;}

	.fixed{ display:none;}

}